<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<!-- <h2 :style="{key(属性名):value(属性值)}">{{message}}</h2> -->
			<!-- '50px'必须加上单引号，否则是当作一个变量去解析 -->
			<!-- <h2 :style="{fontSize:'50px'}">{{message}}</h2> -->
			<h2 :style="getStyle()">{{message}}</h2>
		</div>
		<script src="../js/vue.js"></script>
		<script>
			const app=new Vue({
				el:'#app',
				data:{
					message:'你好',
					finalSize:100,
					finalColor:'red'
				},
				methods:{
					getStyle(){
						return {fontSize:this.finalSize+'px',color:this.finalColor};
					}
				}
			})
		</script>
	</body>
</html>
